<template>
  <div>
    <h1>App</h1>
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>


    <ComA ref="ComARef"></ComA>
    <button @click="log">ComA</button>
  </div>
</template>
<script setup>
import ComA from '@/components/ComA.vue';

import { shallowRef } from 'vue';

const ComARef = shallowRef(null)

function log() {
  console.log(ComARef);
  console.log(ComARef.value.title);
  console.log(ComARef.value.add(100, 300));
}

</script>

<style>
div {
  border: solid;
  padding: 10px;
}
</style>